<#include "/common/head.ftl">

<html>
<head>
<title>Evaluation Report</title>
<style type="text/css">
table.nameTable {
	empty-cells: show;
	border: 1px solid black;
	border-collapse: collapse;
	width: 100%;
}

table.nameTable tr td {
	border: 1px solid black;
	padding: 20px 3px;
}
table.nameTable tr th {
	border: 1px solid black;	
	padding: 4px 3px;
	background-color: #D6FAEB;
}
.wrapper {
	width: 26cm;
	margin: auto;
}
.topBox {
	width: 19cm;
	margin-bottom: 20px;
}
.center {
	text-align: center;
}
.strong {
	font-weight: bold;
}
table.nameTable tr td.noRBorder {
	border-right-color: #FFF;
}
h3.signature {
	text-align: right;
	padding: 10px 150px 0 0;
}
</style>
</head>

<body>
<div class="wrapper">
	<table class="topBox" cellspacing="5">
		<tr>
			<td rowspan="3"><img src="../images/saigontech.gif"/></td>
			<td colspan="2"><h2>TEST RESULT - ${(offering.name)!}, ${(offering.shift.startTime?time)!} - ${(offering.shift.endTime?time)!}</h2></td>
		</tr>
		<tr>
			<td><strong>Begin Date:</strong> ${(offering.startDate?date)!}</td>
			<td><strong>Test Date:</strong> ${(offering.finalSpokenDate?date)!} & ${(offering.finalWrittenDate?date)!}</td>	
		</tr>
		<tr>
			<td><strong>Finish Date:</strong> ${(offering.endDate?date)!}</td>
			<td><strong>Teachers:</strong> ${action.printTeachers(offering.instructors)}</td>
		</tr>
	</table>
	
	<table class="nameTable" cellspacing="0">
		<tr>
			<th style="width: 0.7cm;">No.</th>
			<th colspan="2">Student's Name</th>
			<th style="width: 2.5cm;">Nick Name</th>
			<th style="width: 2.0cm;">Scores</th>
			<th>Comments on Students' Performance</th>
		</tr>
		<#list offeringMembers as member>
			<tr>
				<td class="center">${member_index + 1}</td>
				<td class="noRBorder" style="width: 4.0cm;">${(member.receipt.student.lastName)!}</td>
				<td class="strong" style="width: 2cm;">${(member.receipt.student.firstName)!}</td>
				<td>${(member.receipt.student.nickName)!}</td>
				<td>&nbsp;</td>
				<td>&nbsp;</td>
			</tr>
		</#list>
	</table>
<h3 class="signature">Instructor's signature</h3>
</div>
</body>
</html>